Online Resume

Code Format

Criteria Meet Specification

Matching Schema

bio, education, work, and projects objects must exactly follow the schema given in Project Details and property values contain real or fake data. This is the minimum requirement, if you want to provide additional data beyond the schema, that's awesome! Please make sure you have all the minimum schema requirements first, though!

Following the minimum schema exactly is necessary to pass this rubric point. It may seem like a nitpicky requirement, but in the world of programming, details like capitalization and plurality in variable names really matter!

The way your computer reads the difference between blueberry and BlueBerry, it might as well be the difference between blueberry and airplane!

Dynamically displayed resume sections (biography, education, work, projects, footer) include all of the real or fake JavaScript object data. Solution is capable of displaying any resume that provides the data according to the given schema. 'forEach' or 'for' (rather than 'for in') loops must be used to display the skills, jobs, projects, project images, schools and onlineCourses arrays. Solution works for any number of items in those arrays.

Function Use

All resume sections are built using modular functions which can run in any order.

Encapsulation

As described in the schema, the work, projects, education and bio objects each have a property named display which encapsulates (contains) a function that displays all the properties of that object in the resume.

The display function can be encapsulated in two ways:

  • by being included directly in the javaScript object definition, or
  • via dot notation (i.e. work.display = function(){ ... })

Prerequisite: Code Quality

Code is ready for review following the Front-End Nanodegree style guide and has been cleaned using the following tools:

Additional Interactivity

Criteria Meet Specification

Map

The resume includes a map that shows markers at locations which are pulled from data in the resume.

Artistic Creativity

CSS is customized and alters styles of the page.

Tips to make your project standout:

Provide extra JavaScript interactivity in addition to the map. For example: RSS/Twitter feed, Bootstrap Navbar, Polymer components.